<template>
  <div class="rumb">
    <el-breadcrumb separator-class="el-icon-arrow-right" >
      <el-breadcrumb-item  v-for=" (item,index) in navigation" :key="index"  :to="dataPath(item)">{{item.name}}</el-breadcrumb-item>
    </el-breadcrumb>
  </div>
</template>

<script>
import { mapState, mapMutations } from "vuex";
export default {
    data(){
        return {}
    },
    mounted(){},
    methods :{
        dataPath(val){
            return  {path: `${val.path}`}
        }
    },
    computed: {
    ...mapState(["navigation"])
  },
};
</script>

<style lang="less" scoped>
.rumb{
    float: left;
    width: auto;
    position: relative;
    top: 10px;
}
</style>
